<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/handlebars.min.js"></script>
    <script src="./js/i18next-1.10.3.js"></script>
    <title>I18n-Handlebars</title>
</head>

<body>
    <label for="language">请选择语言：</label>
    <select id="language">
        <option value="zh-CN">中文</option>
        <option value="en">English</option>
    </select>
    <br>
    <label for="placeholder">请输入姓名：</label>
    <input type="text" data-i18n="[placeholder]table.name" id="placeholder">
    <table>
        <thead>
            <tr>
                <th data-i18n="table.name"></th>
                <th data-i18n="table.sex"></th>
                <th data-i18n="table.age"></th>
            </tr>
        </thead>

        <tbody id="tableList">
        </tbody>
    </table>

    <script id="table-template" type="text/x-handlebars-template">
        {{#each student}} {{#if name}}
        <tr>
            <td>{{name}}</td>
            <td>{{sex}}</td>
            <td>{{age}}</td>
        </tr>
        {{/if}} {{/each}}

    </script>
    <!-- <script src="./js/zh.js"></script>
    <script src="./js/en.js"></script> -->
    <script src="./js/helper.js"></script>
    <script src="./js/main.res.js"></script>
</body>

</html>